css chrome-extension kit uikit chrome-browser ui-kit ChromeextensionCSS

ui-kit-for-chrome-extensions：用于设计Chrome扩展程序的optionssettings页面的UI模板。与Chrome浏览器的...

标签： css chrome-extension kit uikit chrome-browser ui-kit ChromeextensionCSS

ui-kit-for-chrome-extensions：用于设计Chrome扩展程序的optionssettings页面的UI模板。与Chrome浏览器的本机设置页面的外观完全一样

vs code显 chrome-error://chromewebdata/错误

launch.json里url，从locol8080改成需要打开网页的本地的地址。

postcss-pxtorem设置不转换UI框架的CSS单位

在移动端项目中使用postcss-pxtorem做适配，同时也使用到了第三方UI库（vant）。这时就出现了一个问题。第三方UI库使用的是px,而postcss将页面中的px 全部转化成了rem.导致样式缩小。查询postcss配置文档后发现其...

使用postcss-plugin-px2rem和postcss-pxtorem(postcss-px2rem)-px自动转换rem的配置方法-vue-cli3.0

标签： px2rem vue px转换rem

在vue-cli3.0中使用postcss-plugin-px2rem插件插件的作用是自动将vue项目中的px转换为rem postcss-plugin-px2rem优势：　因为 postcss-plugin-px2rem 这个插件配置选项上有 exclude 属性，它可以配置是否对 ...

CSS background-image

标签： css html

background-image 属性用于为一个元素设置一...是一种表示二维图像的 CSS 数据类型. 可以表示下面的数据 url(): 既可以是互联网的图片, 也可以是本地的图片 .box1 { background-image: url(https://images.unsplas

Chrome插件开发（chrome-extension）

标签： chrome

【干货】Chrome插件(扩展)开发全攻略（详解参考文章） https://blog.csdn.net/weixin_33762321/article/details/85913723 以上介绍是chrome详细规则说明，如果想在项目中使用vue等插件，最好用框架做。我是使用...

Fastapi swagger-ui.css 、swagger-ui-bundle.js 无法加载

标签： ui Swagger Fastapi

版本信息： python3.8 fastapi 0.78.0 访问 /docs 查看接口文档是发现swagger资源无法加载（可能是npm宕机了）解决：尝试降低fastapi版本并未... 分别下载 swagger-ui.css 、swagger-ui-bundle.js，放置在本...

vue中移动端使用postcss-px2rem与ui组件冲突问题

标签： vue.js javascript 前端

在vue移动开发中，使用px2rem-loader，会自动将px单位换算成rem，但是存在一个问题，会将第三方UI库的px单位转为rem。

【微信技术-微信小程序】------ 使用ColorUI组件简单入门

标签：微信小程序微信小程序

提示：使用colorui组件在微信小程序使用必须先懂得微信开发工具的使用。文章目录前言一、ColorUI是什么？二、使用步骤1.下载ColorUI组件文件2.微信开发工具项目引用...ColorUI是一个Css类的UI组件库！在你引入样.

vue-cli3 中postcss-px2rem影响ui组件样式的解决方案

标签： vue-cli3

问题：引入postcss-px2rem依赖后，vant组件库的样式变的很小原因：依赖会把组件中px自动转换为rem，而实际组件自身已经做过适配，画蛇添足了解决：把postcss-px2rem依赖卸掉，安装依赖postcss-px2rem-exclude，...

超详细 CSS动画-animation

标签： animation 动画 css3

css3 animation @keyframes

mini-css-extract-plugin在vue-cli4中的使用（抽取css）

标签： vue js webpack

大家都知道 mini-css-extract-plugin 是用来替代 extract-text-webpack-plugin 的新一代产品，不光可以自定义抽取规则，还可以配合 webpack 的分块 splitChunks 配置自动抽取。使用在 vue-cli4 中 build 生产环境...

DevTools failed to load SourceMap Could not load content for chrome-extension 解决

标签： java 后端

在写React应用，配置了开发环境下启用sourceMap(以...chrome-extension://ncennffkjdiamlpmcbajkmaiiiddgioo/js/xl-content.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME 如图：原因，是Ch

【postcss】解决vite中使用postcss-px-to-viewport无法使用vant等多种设计尺寸问题|postcss-plugins

标签： postcss css vue

vite中使用postcss-px-to-viewport适配vant的375和自己的750等其他设计尺寸

postcss-px-to-viewport安装及使用

标签： postcss css javascript

npm install postcss-px-to-viewport --save-dev yarn安装 yarn add -D postcss-px-to-viewport pnpm安装 pnpm add -D postcss-px-to-viewport 配置参数默认参数： { // (String) 需要转换的单位，默认为"px...

“postcss-px-to-viewport”——移动端前端适配的又一种方案

标签： css javascript 前端

0、前言博主以前在做移动端的时候主要使用 @media screen and (min-width: 1200px){ } 或者灵活点，会用之前一种流行已久的移动端适配方案，那就是rem，也就是会用如下代码： const deviceWidth = document....

【报错问题】Vue element-ui 提示 ‘element-ui/lib/theme-chalk/index.css’ 找不到

标签： sass、scss vue element-ui

一、版本说明，没有的需要安装 ..."element-ui": "^2.13.0", // npm install --save element-ui "vue": "^2.5.2", // npm install --save vue "vue-router": "^3.0.1", // npm install --save ...

To install them, you can run: npm install --save element-ui element-ui/lib/theme-chalk/index.css

标签： npm elementui vue.js

在引入、全局注入Element UI到Vue项目中时，运行npm run serve报错，报错代码如下所示： ERROR Failed to compile with 2 errors These dependencies were not found: * element-ui in ./src/ma

Uni-app postcss-pxtorpx 使用（可以exclude某个文件夹）

标签： postcss uni-app

Uni-app postcss-pxtorpx 使用（可以exclude某个文件夹） 1、postcss-pxtorem 介绍：一款可以把px单位转成rem的插件，具体使用方法可以点击上方链接。 // postcss.config.js module.exports = { plugins: [ ...

webpack配置之postcss-loader和postcss-preset-env

在我们打包css的时候...此时webpack提供了postcss-loader和对应插件postcss-preset-env 而这两个东西的使用在webpack4和webpack5有些许不同 rules: [{ test: /\.css$/, use: [ // 'style-loader', \ // 取代

解决postcss、postcss-loader 和less-loader 导致的报错问题

标签： postcss postcss-loader less-loader

解决 Syntax Error: Error: PostCSS plugin postcss-pxtorem requires PostCSS 8. 一、问题背景介绍 1、在Vue的项目中使用了postcss-pxtorem这个包，同时在项目根目录中，配置了postcss.config.js,如下图所示： ...

css中 sans-serif,如何理解css字体font-family：serif、sans-serif、monospace

标签： css中 sans-serif

苏南大叔和大家聊一聊css中的字体问题，css中可以设置字体，主要用于规范文字在浏览器中的表现状态。而全世界的字体文件是成千上万的，并且用户电脑中安装的字体也是不一定的。所以，这个css中，有关font-family的...

CSS font-weight 值对应（Regular、Normal、Medium、Light）

标签： font-weight Regular Normal

经常在开发中，给出的 UI，会有字重，它对应（Regular、Normal、Medium、Light …）这些值，并不能直接看到 font-weight 对应的数值。 font-weight 属性执行字体中字形的重量，这取决于黑度等级或笔划粗细。 ...

CSS3box-shadow属性详解

标签： CSS3box-shadow属性详解

CSS3 --添加阴影（盒子阴影的使用） CSS3 - 给div或者文字添加阴影（盒子阴影、文本阴影的使用） CSS3定义了两种阴影：盒子阴影和文本阴影。其中盒子阴影需要IE9及其更新版本，而文本阴影需要IE10及其更新版本。...

{ expectedcss(css-lcurlyexpected)错误解决

标签： css vue.js

这是有个很常见得问题，容易犯错，请看

创造bug系列之(2)------Element-UI配置

标签： vue2 element-ui

1.安装element-ui npm install element-ui --save 2.修改main.js，加入以下代码，详情见element-ui快速上手 ...import 'element-ui/lib/theme-chalk/index.css'; ...... Vue.use(ElementUI); ...

vue[mini-css-extract-plugin]Conflicting order between 警告解决方式

标签： mini-css-extract-plugin vue mini-css-extract-plugin mini-css-extract-plugin Conflicting

mini-css-extract-plugin 这个插件在js里css的引入顺序导致的问题，如上图所述，就是指 component-build.vue和component-statistics.vue这两个公共组件在引入时候导致了顺序警告如官方issue所言 ...

DevTools failed to load SourceMap: Could not load content for chrome-extension 解决

标签： chrome sourcemap webpack

在写React应用，配置了开发环境下启用sourceMap(以...chrome-extension://ncennffkjdiamlpmcbajkmaiiiddgioo/js/xl-content.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME 如图：原因，是Ch

科普转载 CSS Pre-processors

标签： css预处理器

CSS 预处理器：一种具有编程逻辑的CSS语言。允许使用类似变量、函数、继承、运算符等编程方法来编写CSS文件。三种流行的CSS预处理器：Sass、LESS 和 Stylus 转载

css background-image 背景图片自适应宽高

标签： background-image css 自适应宽高

背景图片与标签宽高保持一致： div { background-image: url('路径'); background-repeat:no-repeat; background-size:100% 100%; -moz-background-size:100% 100%; }